<template>
  <div>
    <div class="myRat flex pd20px"  v-for="(item,index) in ratDataList" :key="index" v-if="ratDataList.length>0">
      <img :src=opmanUrl alt="" class="flex80">
      <div class="flex1 ">
        <div class="f-bian"> <div class="" v-if="item.OpMan"> {{item.OpMan.split('(')[0]}} <span class="OpDate">{{item.OpDate}}</span></div><div > <div class="flex" v-show="item.EvaluatValue||item.EvaluatValue==0">评分：<star :score="item.EvaluatValue.toString()"  v-if="item.EvaluatValue||item.EvaluatValue==0"></star></div></div></div>
        <div class="ratText">{{item.Remark}}</div>
      </div>
    </div>
    <div v-if="ratDataList.length===0" class="noData f-zhong">暂无评价！</div>

  </div>
</template>

<script>
  import star from '../common/cm_star'
    export default {
        name: "detail-myRat",
      components:{
        star
      },
      data(){
          return{
            opmanUrl: this.$ZcPublic.Domain + "static/img/manage/default2019927.jpg"
          }
      },
      props:{
        ratDataList:Array
      }
    }
</script>

<style scoped>
  .pd20px{
    padding: 20px ;
  }
  .myRat{
    border-bottom: 2px solid #f5f5f5;
  }
  .myRat:last-child{
    border: none;
  }
  .myRat img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
  }
  .ratText{
    color: #717171;
    font-size: 14px;
    line-height: 25px;
    margin-top: 5px;
  }
  .noData{
    color: grey;
    height: 100px;
  }
  .OpDate{
    color: grey;
    margin-left: 10px;
  }
</style>
